<html lang="EN">
<head>

<title>Welcome Interface</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="themes/icon.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="setpage.js"></script>
<script type="text/javascript" src="util/json2.js"></script>
<script type="text/javascript" src="util/myUtil.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
</head>

<body>
	<div style="background-color: #E1ECFA">
	<h2>欢迎您,${usr}</h2>
	<!-- <div style="margin:20px 0;"></div> -->
	<h5><p align="right"><a href="login.jsp">返回重登录</a></p></h5>
	</div>
	<hr>

	<input type="text" id="search" name="search">&nbsp;
	<input type="button" id="sbutton" name="sbutton" value="查询">

	<table border="1">
   	<tr><td>ID</td><td>用户名</td><td>密码</td><td>邮箱</td><td>级别</td></tr>
  	<#list userList as user>
   	<tr><td>${user_index+1}</td><td>${user.username}</td><td>${user.password}</td><td>${user.email}</td><td>${user.grade}</td></tr>
   	</#list>
    </table>
	
	<hr>
	<div class="easyui-layout" style="width:800px;height:450px;"> 	
		<div data-options="region:'north'" style="height:50px"></div>
		<div data-options="region:'south',split:true" style="height:50px;"></div>
		<div data-options="region:'east',split:true" title="右侧导航" style="width:180px;">
			<ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul>
		</div>
		<div data-options="region:'west',split:true" title="左侧导航" style="width:100px;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="显示用户" style="padding:10px;">
					content1
				</div>
				<div title="用户管理" data-options="selected:true" style="padding:10px;">
					content2,
					content3,
					content4
				</div>
				<div title="关于" style="padding:10px">
					content3
				</div>
			</div>
		</div>
		<div data-options="region:'center',title:'用户信息栏',iconCls:'icon-ok'">
			<div class="easyui-tabs" data-options="fit:true,border:false,plain:true">
				
				<div title="用户信息列表" style="width:900px">
					
				<table id="search-toolbar" cellpadding="1" cellspacing="1" style="width:100%" margin-top:5px; padding-bottom:8px; border-bottom:1px solid #ccc;">   
        		
        	  	<div>
            	<input id="var1" name="username" class="easyui-textbox" data-options="prompt:'按用户名查询'">
            	<input id="var2" name="email" class="easyui-textbox" data-options="prompt:'按邮箱查询'"> 
                <a id="SearchUser" href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="javascript:searchUser();return false;">查询</a>
        		<a id="ResetSearch" href="#" class="easyui-linkbutton" iconCls="icon-reload" onclick="javascript:resetCondition();return false;">重置</a>
           		</div>
           		<hr>
           		<div>
        		<a id="newUser" href="#" class="easyui-linkbutton" iconCls="icon-add" onclick="javascript:newUser();return false;">新增</a>
 				<a id="editUser" href="#" class="easyui-linkbutton" iconCls="icon-edit" onclick="javascript:editUser();return false;">编辑</a>
				<a id="destroyUser" href="#" class="easyui-linkbutton" iconCls="icon-remove"  onclick="javascript:destroyUser();return false;">删除</a>
        	  	</div>
    </table>   
	
	<table id="box" ></table>
				</div>
			<div title="公告栏" data-options="href:'_content.html'" style="padding:10px"></div>
			</div>
		</div>
	</div>
	<div id="dlg" class="easyui-dialog"
		style="width:400px;height:280px;padding:10px 20px" closed="true"
		buttons="#dlg-buttons">
		<div class="ftitle">信息列表</div>
		<form id="addForm" method="post">
			<div class="fitem">
				<label>用户ID:</label> <input id="dragon" name="userId" class="easyui-validatebox"
					required="true" >
			</div>
			<div class="fitem">
				<label>用户名:</label> <input name="username"
					class="easyui-validatebox" required="true">
			</div>
			<div class="fitem">
				<label>密&nbsp;&nbsp;码:</label> <input name="password">
			</div>
			<div class="fitem">
				<label>电子邮箱:</label> <input name="email" class="easyui-validatebox"
					validType="email">
			</div>
			<div class="fitem">
				<label>级别:</label> <input name="grade">
			</div>
		</form>
	</div>
	<div id="dlg-buttons">
		<a id="saveUser" href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:saveUser();return false;">提交</a>
		<a id="Cancel" href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close');return false;">取消</a>
	</div> 
	
  </body>
</html>